<template>
    <div id="music">
<!--     <mt-header title="发现" :fixed="is_fixed">
            			<router-link to="/" slot="left">
            				<mt-button icon="back">返回</mt-button>
            			</router-link>

     </mt-header> -->

<header class="ui-header ui-header-stable ui-border-b">
    <i class="ui-icon-return" onclick="history.back()"></i><h1>余悸</h1><button class="ui-btn"><i class="el-icon-plus"></button>

</header>
<footer class="ui-footer ui-footer-stable ui-border-t">
    <ul class="ui-tiled">
        <li><div><i class="el-icon-share"></i></div><i><i></li>
        <li><div><i class="el-icon-delete2"></div><i></i></li>
        <li><div><i class="el-icon-setting"></div><i></i></li>
    </ul>
</footer>
<section class="ui-container ui-center">
<h1>《残破（一）》</h1>
    <img slot="icon" src="../assets/7.jpg">
<h2>徐志摩</h2></br>
<p>深深的在深夜里坐着：</br>
   　　当窗有一团不圆的光亮，</br>
   　　风挟着灰土，在大街上</br>
   　　小巷里奔跑：</br>
   　　我要在枯秃的笔尖上袅出</br>
   　　一种残破的残破的音调，</br>
   　　为要抒写我的残破的思潮。</p></br>

<section id="mainContent" class="grid_10">
    <article>
        <audio src="http://music.sise.cn/upload/2017/04/07/d2b33e23cee53209e55ce70d4d0ca5af.mp3" controls="controls" autoplay="autoplay" type="audio/mp3"></audio>
    </article>
</section>

</section>

    	 
         	

  <mt-tabbar v-model="selected1" fixed>
       <mt-tab-item id="tab-container1" @click.native="openIndex">
        <img slot="icon" src="../assets/1.png">
         关注
       </mt-tab-item>
       <mt-tab-item id="tab-container2" @click.native="openMusic">
      <img slot="icon" src="../assets/2.png">
         发现
       </mt-tab-item>
        <mt-tab-item id="tab-container3" @click.native="openFa">
        <img slot="icon" src="../assets/5.png" width="80">
       </mt-tab-item>
       <mt-tab-item id="tab-container4" @click.native="openSinger">
        <img slot="icon" src="../assets/3.png">
         消息
       </mt-tab-item>
       <mt-tab-item id="tab-container5" @click.native="openUser">
        <img slot="icon" src="../assets/4.png">
         个人
       </mt-tab-item>
     </mt-tabbar>

    </div>
</template>
<script>

import Vue from 'vue'
import { Tabbar, TabItem } from 'mint-ui';
import { Cell } from 'mint-ui';
import { Header } from 'mint-ui';
import { Button } from 'mint-ui';
import { TabContainer, TabContainerItem } from 'mint-ui';
import{ Icon } from 'element-ui'



Vue.component('mt-button', Button);
Vue.component('mt-header', Header);
Vue.component('mt-tab-container', TabContainer);
Vue.component('mt-tab-container-item', TabContainerItem);
Vue.component('mt-tabbar', Tabbar);
Vue.component('mt-tabbar-item', TabItem);
Vue.component('mt-cell', Cell);
Vue.component('element-ui',Icon)


    export default {
        name:'music',
        data () {
            return {
                value:'',
                selected1:'',
                is_fixed:true,

            }
        },
                 methods:{
                 openIndex(){
                 	            this.$router.push({
                 	                path : '/index'
                 	            })
                 	        },
                 	        openMusic(){
                 	            this.$router.push({
                 	                path : '/music'
                 	            })
                 	        },
                 	        openSinger(){
                 	            this.$router.push({
                 	                path : '/singer'
                 	            })
                 	        },
                            openFa(){
                                this.$router.push({
                                     path : '/pai'
                                })
                             },                             
                 	        openUser(){
                                  this.$router.push({
                                     path : '/user'
                                 })
                              }
                     	}



    }
</script>
<style>
	.music_swipe {
		width: 100%;
		height: 200px;
        top:-550px;
	}
    .img{
    height:200px;
    width:1200px;
    }

.btn{

}
</style>

